<template>
	<view class="container">
		<swiper autoplay circular indicator-dots interval="3000" duration="1000">
			<swiper-item v-for="item in swiperData" :key="item._id">
				<image class="swiper-img" :src="item.image_src"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "banner",
		props:['swiperData'],
		data() {
			return {
			};
		},
		methods: {
		},
		created() {
		}

	}
</script>

<style>
	.container {
		padding:20rpx 0rpx;
		padding-bottom: 0;
	}
	.container swiper {
		width: 100%;
		height: 304rpx;
		margin-bottom: 20rpx;
	}
	.swiper-img {
		width: 100%;
		height: 100%;
		border-radius: 10rpx;
	}
</style>
